<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/static/layui/layui/css/layui.css"  crossorigin="anonymous">
    <title>Title</title>
</head>
<style>
    .grace-pager{float:right;margin-right:5%;}
    .grace-pager a{display:block; background:#F5F5F5; padding:0px 10px; height:30px; line-height:30px; float:left; margin:3px; border-radius:2px;}
    .grace-pager a:hover{background:#2F4056; text-decoration:none; color:#FFF;}
    .grace-pager .grace-current{background:#5FB878 !important; color:#FFF !important;}
    .grace-pager .noce{    margin-left: 5px; line-height: 38px;}
</style>
<body>
<div>
    <{$from}>
</div>
<{$table}>
<div>
    <{$page}>
</div>
</body>
<script type="application/javascript">
    function serach(){
        alert(1)
    }
</script>
</html>